<!DOCTYPE html>
<html lang="en" class="no-js">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
		<meta name="viewport" content="width=device-width, initial-scale=1.0,  minimum-scale=1.0, maximum-scale=1.0"> 
	<title>Unidad de Proyeci&oacute;n Social</title>
        <!--<link href="<?php echo base_url()?>css/jquery-ui-1.9.0.custom.css" rel="stylesheet" type="text/css" />-->
		<link href="<?php echo base_url()?>css/default.css" rel="stylesheet" type="text/css" />
		<link href="<?php echo base_url()?>css/component.css" rel="stylesheet" type="text/css" />
        <link href="<?php echo base_url()?>css/kendo.common.min.css" rel="stylesheet" type="text/css" />
        <link href="<?php echo base_url()?>css/kendo.bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="<?php echo base_url()?>css/kendo.dataviz.bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="<?php echo base_url()?>css/tooltipster.css" rel="stylesheet" type="text/css" />
        <link href="<?php echo base_url()?>css/smart_wizard.css" rel="stylesheet" type="text/css">
		<link href="<?php echo base_url()?>css/alertify.core.css" rel="stylesheet" />
		<link href="<?php echo base_url()?>css/alertify.default.css" rel="stylesheet" />
        <link href="<?php echo base_url()?>css/style-base.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" href="<?php  echo base_url() ?>/css/datatable.css">

        <script src="<?php echo base_url()?>js/jquery-1.8.2.js"></script>
        <script src="<?php echo base_url()?>js/jquery-ui-1.9.0.custom.js"></script>
        <script src="<?php echo base_url()?>js/jquery.dataTables.js"></script>
		<script src="<?php echo base_url()?>js/classie.js"></script>
        <script src="<?php echo base_url()?>js/kendo.all.min.js" type="text/javascript"></script>
        <script src="<?php echo base_url()?>js/jquery.tooltipster.js" type="text/javascript"></script>
        <script src="<?php echo base_url()?>js/jquery.leanModal.min.js" type="text/javascript"></script>
        <script src="<?php echo base_url()?>js/waypoints.min.js"></script>
		<script src="<?php echo base_url()?>js/jquery.smartWizard-2.0.min.js" type="text/javascript"></script>
        <script src="<?php echo base_url()?>js/alertify.js" type="text/javascript"></script>
        <script src="<?php echo base_url()?>js/funciones.js" type="text/javascript"></script>
        <script src="<?php echo base_url()?>js/validador.js" type="text/javascript"></script>
        

   


        <script type="text/javascript">
			function base_url() {
				return "<?php echo base_url()?>";
			}
             $(document).ready(function(){
				var menu = document.getElementById( 'menu-total' ),
					container = document.getElementById( 'container' ),
					main = document.getElementById( 'main' );
					pie = document.getElementById( 'pie' );
					menu1 = document.getElementById( 'cbp-spmenu-s1' );
				
				var $head = $( '#ha-header' );
				
									
				var menu1 = document.getElementById( 'cbp-spmenu-s1' ); 
				var menu58 = document.getElementById( 'cbp-spmenu-s58' ); 
				var menu63 = document.getElementById( 'cbp-spmenu-s63' ); 
				var menu67 = document.getElementById( 'cbp-spmenu-s67' ); 
				var menu70 = document.getElementById( 'cbp-spmenu-s70' );
				var menu86 = document.getElementById( 'cbp-spmenu-s86' ); 				 
				var menu87 = document.getElementById( 'cbp-spmenu-s87' ); 				
				$( '#verMenu1' ).click (function() {
					classie.toggle( this, 'active' );
					classie.toggle( main, 'cbp-spmenu-push-toright' );
					classie.toggle( pie, 'cbp-spmenu-push-toright' );
					classie.toggle( document.body, 'oscuro' );
					classie.toggle( menu1, 'cbp-spmenu-open' );
					if(!classie.has( menu1, 'cbp-spmenu-open' )) {
						cerrar();
					}
					else {
						$head.attr('class', 'ha-header ha-header-hide');
					}
				});
				
				$('#verMenu58').click (function() {
									classie.toggle( this, 'active' );
									classie.toggle( main, 'cbp-spmenu-toright' );
									classie.toggle( pie, 'cbp-spmenu-toright' );
									classie.toggle( menu58, 'cbp-spmenu-open' );
								});$('#verMenu63').click (function() {
									classie.toggle( this, 'active' );
									classie.toggle( main, 'cbp-spmenu-toright' );
									classie.toggle( pie, 'cbp-spmenu-toright' );
									classie.toggle( menu63, 'cbp-spmenu-open' );
								});$('#verMenu67').click (function() {
									classie.toggle( this, 'active' );
									classie.toggle( main, 'cbp-spmenu-toright' );
									classie.toggle( pie, 'cbp-spmenu-toright' );
									classie.toggle( menu67, 'cbp-spmenu-open' );
								});$('#verMenu70').click (function() {
									classie.toggle( this, 'active' );
									classie.toggle( main, 'cbp-spmenu-toright' );
									classie.toggle( pie, 'cbp-spmenu-toright' );
									classie.toggle( menu70, 'cbp-spmenu-open' );
								});$('#verMenu77').click (function() {
									classie.toggle( this, 'active' );
									classie.toggle( main, 'cbp-spmenu-toright' );
									classie.toggle( pie, 'cbp-spmenu-toright' );
									classie.toggle( menu77, 'cbp-spmenu-open' );
								});$('#verMenu86').click (function() {
									classie.toggle( this, 'active' );
									classie.toggle( main, 'cbp-spmenu-toright' );
									classie.toggle( pie, 'cbp-spmenu-toright' );
									classie.toggle( menu86, 'cbp-spmenu-open' );
								});$('#verMenu87').click (function() {
									classie.toggle( this, 'active' );
									classie.toggle( main, 'cbp-spmenu-toright' );
									classie.toggle( pie, 'cbp-spmenu-toright' );
									classie.toggle( menu87, 'cbp-spmenu-open' );
								});				
				function cerrar() {
					classie.remove( menu1, 'active' );
					classie.remove( main, 'cbp-spmenu-push-toright' );
					classie.remove( pie, 'cbp-spmenu-push-toright' );
					classie.remove( document.body, 'oscuro' );
					classie.remove( menu1, 'cbp-spmenu-open' );
					classie.remove( menu1, 'cbp-spmenu-open' );classie.remove( menu58, 'cbp-spmenu-open' );classie.remove( menu63, 'cbp-spmenu-open' );classie.remove( menu67, 'cbp-spmenu-open' );classie.remove( menu70, 'cbp-spmenu-open' );classie.remove( menu87, 'cbp-spmenu-open' );					$( window  ).scroll();
				}
				
				var bodyClickFn = function( el ) {
					cerrar();
					el.removeEventListener( 'click', bodyClickFn );
				};
				
				function hasParent( e, id ) {
					if (!e) return false;
					var el = e.target||e.srcElement||e||false;
					while (el && el.id != id) {
						el = el.parentNode||false;
					}
					return (el!==false);
				}
				
				document.addEventListener( 'click', function( ev ) {
					if(self.open && !hasParent(ev.target, verMenu1.id) && !hasParent(ev.target, menu.id)  && !hasParent(ev.target, container.id)) {
						bodyClickFn( this );
					}
				});
				
				$( window  ).scroll(function() {
					if(!classie.has( menu1, 'cbp-spmenu-open' )) 
						if($(this).scrollTop()>=25) {
							$head.attr('class', 'ha-header ha-header-rotate');
							if($(this).scrollTop()>=300 ) {
								/*$head.attr('class', 'ha-header ha-header-box');*/
							}
							else {
							}
						}
						else {
							$head.attr('class', 'ha-header ha-header-subshow');
						}
				});
			});
		</script>

<!--   Holaaaaaaaaaaaaaaaaaa-->




		
	</head>
	<body>
        <header id="ha-header" class="ha-header ha-header-subshow">
            <div class="ha-header-perspective">
                <div class="ha-header-front" style="height: 98px;">
                </div>
                <div class="ha-header-bottom" style="height: 52px;">
                    <nav class="cl-effect-12">
                        <a id="verMenu1"><img src="<?php echo base_url()?>img/menu.png"> Men&uacute; <span>Principal</span></a>
                        <a style="float: right;margin-right: 20px;"><img src="<?php echo base_url()?>img/usuario.png"> <?php echo $nick?> <span>- <?php echo $nombre?><span></a>
                    </nav>
                </div>
            </div>
        </header>
    	<div id="main" class="cbp-spmenu-push">
            <div id="menu-total">
				<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
                        <h3><br/>Menú Principal</h3>
                        <a href="#" class="regresar" onClick="$('#verMenu1').click();return false;">Regresar</a>
              	                			<a href="#" class="padre" id="verMenu58" onClick="return false;" title="Contiene lo  relacionado con el servicio social" ><img src="<?php echo base_url()?>img/userm.png"> Servicio Social</a>
				                			<a href="#" class="padre" id="verMenu63" onClick="return false;" title="Contiene lo relacionado con los becarios" ><img src="<?php echo base_url()?>img/user.png"> Becarios</a>
				                			<a href="#" class="padre" id="verMenu67" onClick="return false;" title="Contiene lo relacionado al volumtariado" ><img src="<?php echo base_url()?>img/menu_volumtario.png">Voluntariado</a>
				                			<a href="#" class="padre" id="verMenu70" onClick="return false;" title="ingresar" ><img src="<?php echo base_url()?>img/mantenimiento.png"> Academica</a>				            
				                			<a href="#" class="padre" id="verMenu86" onClick="return false;" title="Generacion de informes" <img src="<?php echo base_url()?>img/vales.png"> Informes</a>
				                			<!--<a href="#" class="padre" id="verMenu87" onClick="return false;" title="Muestra estadisticas generales" > <img src="<?php echo base_url()?>img/vales.png">Acuerdos</a> -->
				                			<a href="<?php echo base_url()?>index.php/usuarios/lista"  title="ingresar" > Usuarios</a>				            
				                			<a href="<?php echo base_url()?>index.php/sessiones/cerrar_session" title="Salir del Sistema" ><img src="<?php echo base_url()?>img/cerrar.png"> Cerrar Sesión</a>
       			                			<a href="<?php echo base_url()?>index.php/usuarios/perfil" title="Ver informacion de usuario y cambiar clave" ><img src="<?php echo base_url()?>img/user.png"> Perfil</a>

                        </nav>
                                		<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s58">
                        <h3><br/>Servicio Social</h3>
                        <a href="#" class="regresar" onClick="$('#verMenu58').click();return false;">Regresar</a>
              	                			<a href="<?php echo base_url()?>index.php/social/nuevo_plan" title="Ingreso de un nuevo plan de horas sociales" > Nuevo plan</a>
				                			<a href="<?php echo base_url()?>index.php/social/planes" title="Muestra la infromación de los planes" > Planes</a>
				                			<a href="<?php echo base_url()?>index.php/social/memorias" title="Muestra información de las memorias" > Memorias</a>
				        
                        </nav>
                                		<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s63">
                        <h3><br/>Becarios</h3>
                        <a href="#" class="regresar" onClick="$('#verMenu63').click();return false;">Regresar</a>
              	                			<a href="<?php echo base_url()?>index.php/becarios/lista" title="Ingresar o modificar informacion de becarios" > Becarios</a>
				                			<a href="<?php echo base_url()?>index.php/becarios/proyectos" title="Ingresar o modificar informacion de becarios" > Planes de retribución</a>
				                			<a href="<?php echo base_url()?>index.php/becarios/horas" title="Control de horas retribuidas" > Control de horas</a>
				                			<a href="<?php echo base_url()?>index.php/becarios/reportes" title="Reportes" >Reportes</a>
				        
                        </nav>
                                		<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s67">
                        <h3><br/>Voluntariado</h3>
                        <a href="#" class="regresar" onClick="$('#verMenu67').click();return false;">Regresar</a>
              	                			<a href="<?php echo base_url()?>index.php/voluntario/nuevo_proyecto" title="Ingresar un Nuevo Proyecto" >Nuevo Proyecto</a>
                                            <a href="<?php echo base_url()?>index.php/voluntario/proyectos" title="Ver Proyectos" >Proyectos</a>

				        
                        </nav>
                                		<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s70">
                        <h3><br/>Academica</h3>
                        <a href="#" class="regresar" onClick="$('#verMenu70').click();return false;">Regresar</a>
              	                			<a href="<?php echo base_url()?>index.php/academica/departamentos" title="Gestión de departamentos" > Departamentos</a>
				                			<a href="<?php echo base_url()?>index.php/academica/carreras" title="Gestión de carreras" > Carreras</a>
				                			<a href="<?php echo base_url()?>index.php/academica/tutores" title="Gestión de tutores" > Tutores</a>
				        
                        </nav>
                        <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s86">
                        <h3><br/>Informes</h3>
                        <a href="#" class="regresar" onClick="$('#verMenu86').click();return false;">Regresar</a>
              	                			<a href="<?php echo base_url()?>index.php/social/constancia_tutores" title="Crear o imprimir las constancias anuales de tutores" > Constancia Tutores</a>
              	                			<a href="<?php echo base_url()?>index.php/social/consulta_academica" title="Ver proyectos realizados por un estudiante" > Verificacion de servicio Social</a>
              	                			<a href="<?php echo base_url()?>index.php/social/planes_tutores" title="Ver proyectos realizados por  los tutores" > Planes por tutor</a>
                                            <a href="<?php echo base_url()?>index.php/social/planes_info" title="Informe de proyectos" > Informe de Planes</a>
				        
                        </nav>
                      <!--
                        <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s87" style="display:none">
                        <h3><br/>Acuerdos</h3>
                        <a href="#" class="regresar" onClick="$('#verMenu87').click();return false;">Regresar</a>
              	                			<a href="<?php echo base_url()?>index.php/acuerdos/plan" title="Crear o imprimir acuerdo de planes" > Aprobación del plan</a>
				        
                        </nav> -->


            </div>
            <div class="container" id="container">
                <div class="main">